// webpack打包的入口文件，项目第一个执行的文件

// 引入Vue构造函数
import Vue from 'vue'

// 引入根组件App.vue
import App from './App.vue'

// 引入Router实例对象
import router from './router'

// 引入Vuex文件
import store from './store'

// 引入需要全局注册的Vant插件

import vantConfig from './global/vant.config'

Vue.config.productionTip = false

Vue.use(vantConfig)

new Vue({
  // 将路由实例对象配置到Vue实例中
  router,
  // 在main.js文件中初始化Vue实例时，import引入路由模块并且作为配置参数传入Vue配置选项router,从而使得整个Vue实例支持路由相关功能
  store,

  // 可以理解为渲染APP组件
  render: h => h(App)

  // 等价于render:(function(h){
  //  return h(app); 
  // })
}).$mount('#app')

// 当Vue没有el属性时，则该实例尚未挂载到某个DOM元素中，假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载，需要注意的是：该方法直接挂载到入口文件index.html的id=app的DOM元素上
